$divider-width :14.28vw;
page-date-picker {
  ion-content{
    background-color: white!important;
  }
  .week{
    display: flex;
    width: 100%;
    height: auto;
    padding: 5px 0 5px 0;
    background-color: #f5f5f5;
    .week-detail{
      width: $divider-width;
      text-align: center;
    }
  }
  .picker-container{
    margin-top: 3rem;
    font-family: -apple-system,Helvetica,Hiragino Sans GB W3,Microsoft YaHei,arial,sans-serif;
    display: flex;
    flex-direction: column;
    .picker-header{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 3rem;
      font-weight: 300;
      font-size: 2rem;
      color: black;
      background-color: #fbfbfb;
    }
    .picker-content{
      display: flex;
      font-weight: 300;
      font-size: 1.6rem;
      flex-wrap: wrap;
      .day{
        width: $divider-width;
        height: $divider-width;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: white;
        font-size: 1.6rem;
        .text-small{
          font-size: 1.3rem;
        }
      }
      //.day:hover{
      //  background-color: #488aff;
      //  color: white;
      //}
    }
  }
  .live-in{
    color: #43cd20;
  }
  .check-out{
    color: red;
  }
}
